<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>秀恩爱</title>
    
<link rel="shortcut icon" type="image/x-icon" href="image/favicon.ico">
<link href="css/hzhspace.css" rel="stylesheet" type="text/css" />
<link href="css/hzhstory.css" rel="stylesheet" type="text/css" />
<link href="css/header.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/hzhspace.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.qqFace.js"></script>
</head>

<body>	
	<header>
    	<script type="text/javascript" src="js/header.js"></script>
    </header>
    <script>var uls=document.getElementsByClassName("menu_more");
	for(var i=0;i<uls.length;i++){
		uls.item(i).onmouseover=function(){
			this.getElementsByTagName("ul")[0].style.display="block";
		}
		uls.item(i).onmouseout=function(){
			this.getElementsByTagName("ul")[0].style.display="none";
		}
		
	}
	window.onload=function(){
	$.post("regLogServlet?t="+new Date(),{op:"getUserLoginInfo"},function(data){
		var str="";
		var pic="";
		
		if(data==0){ //没有登录
			str="<p><a href='register.html' class='set'>注册</a><a href='login.html' class='up'>登录</a></p>"
		}else{
			str="<p><a style='color:red' href='mybaihee.jsp' class='set'>"+data.loginUserInfo[0].NICKNAME+"</a><a href='login.html' class='up'>[切换用户]</a></p>"
		}
		$(".setUp").html(str);
	},"json");}
	</script>
    
<div  class='stroyLogo'><dl>
    <dt><a href='storymain.jsp'><!--跳转到故事的主页-->
    	<img src="images/xiuenai.jpg" alt='秀恩爱' /></a><p><a href='#' target="_blank">幸福纪念册</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href='#' target="_blank">爱·永恒电子期刊</a></p></dt>
        <dd>  <a href="register.html" target="_blank" >立即免费注册</a></dd>
    </dl>
</div>
        <div id="baihe_page">
            <h2><a href="storymain.jsp">秀恩爱首页</a> > <a style="cursor:pointer">${spaceboy.nickname }和${spacegirl.nickname }的百合空间</a> > 甜蜜合影 </h2>
            <div class="bt">
                <div class="fl"><strong>${spaceboy.nickname }和${spacegirl.nickname }的百合空间</strong></div>
            </div>
            <div class="phone">
                <div class="l">
                    <div class="story_mod" style="padding-top:0px;">
                        <ul class="story_user">
                            <li>
                                <a href="#" target="_blank">
                                    <img src="${spaceboy.touxiangs }" alt=""/><br />
                                    <strong>${spaceboy.nickname }</strong><br />
                                    年龄：${spaceboy.temp1 } 岁<br />
                                    地区：${spaceboy.xianarea }
                                </a>
                            </li>
                            <li>
                                <a><img src="${spacegirl.touxiangs }" alt=""/>  <br />  
                                    <strong>${spacegirl.nickname }</strong><br />
                                    年龄：${spacegirl.temp1 } 岁<br />
                                    地区：${spacegirl.xianarea }
                                </a>
                            </li>
                            
                        </ul>
                    </div>
                    <div class="story_state">
                        <strong>在百合 ${spacedata.timefrombh }天 恋爱了</strong><br />
                        会员状态：我们1年啦！<br />收到祝福：<span id="blessing_num">${spacedata.totalticks }</span><br />
                        <input hidden="true" id="hzhstory_zan" value="${spacedata.totaltick }"/>
                        <input hidden="true" id="hzhstory_s_num" value="${spacedata.s_num }"/>
                        
                        <c:if test="${iszanUser==false }">
                        	<a  style="cursor:pointer" onclick="javascript:zan()" id="onclickButton"><img src="images/zhufu.gif" alt="我要为他们祝福"/></a>
                        </c:if>
                        
                        <c:if test="${iszanUser==true }">
                        	<a  style="cursor:pointer" id="onclickButton" class="active"><img src="images/zhufu.gif" alt="我要为他们祝福"/></a>
                        </c:if>
                        
                        <div id="show_blessingNum_statu" style="display: none"></div>
                    </div>
                    <div class="story_upload">
                        <p>生命中每天都在经历感动，<br />
                            把那个瞬间纪录下来，<br />
                            作为幸福的备份<br />
                            让更多人见证和祝福你们吧！<br />
                            <br />
                        </p>
                        <a  href="uploadstorysss.jsp?buid=${currentUsersInfo.buid }">上传成功故事</a>
                    </div>
                </div>
                <div class="story_listmod">
                    <div class="blog_cont">
                        <div class="photo_large">
                            <div class="pic">
                                <span>
                                		<img src="${spacedata.two_photos.get(0) }" />
                               	
                               	<c:forEach var="i" begin="2" end="${spacedata.two_photos.size()}">
                                		<img src="${spacedata.two_photos.get(i-1) }" style="display:none"/>
                              	</c:forEach>
                               <!-- 
                               
                               	<img src="story/detail2_big_1.jpg" style="width:100%;height:100%;display:none"/>
                                    <img src="story/detail2_big_2.jpg" style="width:100%;height:100%;display:none"/>
                                    <img src="story/detail2_big_3.jpg" style="width:100%;height:100%;display:none"/>
                                    <img src="story/detail2_big_4.jpg" style="width:100%;height:100%;display:none"/>
                                    <img src="story/detail2_big_5.jpg" style="width:100%;height:100%;display:none" />
                                    <img src="story/detail2_big_6.jpg" style="width:100%;height:100%;display:none"/>
                                    <img src="story/detail2_big_7.jpg" style="width:100%;height:100%;display:none"/>
                                    <img src="story/detail2_big_8.jpg" style="width:100%;height:100%;display:none"/>
                                    <img src="story/detail2_big_9.jpg" style="width:100%;height:100%;display:none"/>
                                    <img src="story/detail2_big_10.jpg" style="width:100%;height:100%;display:none"/>
                                    <img src="story/detail2_big_2.jpg" style="width:100%;height:100%;display:none"/>
                                    <img src="story/detail2_big_3.jpg" style="width:100%;height:100%;display:none"/>
                               
                                -->
                                </span>
                            </div>
                             <a class="arrowlf" style="left:10px;cursor:pointer" onclick="return false;" id="nextbtn">&nbsp;</a>
                            <div class="pic_list">
                                <ul id="viewerFrame">
                                	 <c:forEach var="i" begin="1" end="${spacedata.two_photos.size()}">
                                		<li><img src="${spacedata.two_photos.get(i-1) }" /></li>
                              		  </c:forEach>
                            	 <!-- 
                             
                                    <li ><img src="story/detail2_big_1.jpg" /></li>
                                    <li ><img src="story/detail2_big_2.jpg"/></li>
                                    <li ><img src="story/detail2_big_3.jpg"/></li>
                                    <li ><img src="story/detail2_big_4.jpg"/></li>
                                    <li ><img src="story/detail2_big_5.jpg" /></li>
                                    <li ><img src="story/detail2_big_6.jpg"/></li>
                                    <li ><img src="story/detail2_big_7.jpg"/></li>
                                    <li ><img src="story/detail2_big_8.jpg"/></li>
                                    <li ><img src="story/detail2_big_9.jpg"/></li>
                                    <li ><img src="story/detail2_big_10.jpg"/></li>
                                    <li ><img src="story/detail2_big_1.jpg" /></li>
                                    <li ><img src="story/detail2_big_2.jpg"/></li>
                             	 -->
                               
                                 </ul>       
                            </div>
                            <a class="arrowrf" style="right:10px;cursor:pointer" onclick="return false;" id="prevbtn">&nbsp;</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
            </div>
        </div>
        <div id="baihe_page" class="r_bj">
            <div class="story_colfl">
                <div class="stroyMain pt20" style="padding-top:0px;">
                    <h3>
                      <span class="bj08">我的爱情故事</span>                        
                    </h3>
                </div>

                               <div class="story_colfl pr20">
                <div class="title">
                    <strong>${spacedata.title }</strong>
                    <p>2014-04-23 16:06:57&nbsp;&nbsp;&nbsp;&nbsp;<a onClick="addToFavorite();return false" rel="sidebar" style="cursor:pointer">我要收藏</a>&nbsp;&nbsp;&nbsp;&nbsp;
                       	 标签：
                        			<c:forEach var="i" begin="1" end="${spacedata.loveTags.size() }">
                        				 <span class="tab" >${spacedata.loveTags.get(i-1) }</span>
                        			</c:forEach>
                    </p>
                </div>
                <div class="txt">
                    ${spacedata.story_content }
                    <!-- 
                    &nbsp;&nbsp;&nbsp;&nbsp;我在百合网认识了TA。网上交流的时候感觉一般吧，没什么特别。我们很聊得来，感觉很熟悉，一点陌生的感觉也没有。这就是今生注定的缘分。<br />&nbsp;&nbsp;&nbsp;&nbsp;说起来不好意思，我们见了5次面，就确定了恋爱关系。<br />&nbsp;&nbsp;&nbsp;&nbsp;恋爱的时候，去西塘古镇就是TA做过最浪漫的事儿了，夏天送来切好的西瓜就是TA做过的最让我感动的事情。<br />&nbsp;&nbsp;&nbsp;&nbsp;因为家人或朋友而争吵，但我们会很快平静下来，互相体谅对方，争执也就过去了。反对我们在一起，但是我们是相爱的，谁也拆不散我们。执着追求，抓住你就不放手，让我放弃你，下辈子吧!<br />&nbsp;&nbsp;&nbsp;&nbsp;感谢百合网给了我们这个缘分的平台，为我们提供这么好的机会。希望更多的单身朋友能够在这里找到自己的另一半。
                     --> 
                     <div class="clear"></div>
                    <div class="r"><a style="cursor:pointer;" >祝福（<span id="blessing_num1">0</span>）&nbsp;&nbsp;</a>|&nbsp;&nbsp;&nbsp;评论（0）&nbsp;&nbsp;</div>
                </div>
                
                <!--评论内容-->
                <div id="hzhmydiv"></div>
                
                
             </div>
                
                <div class="stroyMain pt20"><h3><span class="bj07">发表评论</span></h3></div>
                <div class="blog_publish">
                    <textarea name="content" id="content" cols="" rows=""></textarea>
                    <input type="hidden" name="fromid" id="fromid" value="25650" />
                    <input type="hidden" name="ownerid" id="ownerid" value="57757564" />
				
                    <div class="reg">
                        <ul>
                        	<li><span class="emotion btnGray21 fr"><a style="cursor:pointer" >表情</a></span></li>
                            <li><span class="hzhinput btnGray21 fr"><a style="cursor:pointer" >发表</a></span></li>
                        </ul>
                    </div>
              	</div>
            </div>
            </div>
			<div class="storyAD"><a tareget="_blank" href="#">
            	<img src="images/hzhstoryadv.jpg">
            </a></div>
            
            <p id="footer">百合网股份有限公司　|　版权所有© 2005 - 2015 百合网 　京ICP证041124号　 京公网安备110105000655号</p>
       
    
    </body>
     <span id="zan" style="display:none;position:absolute;opacity:0.7;"><img src="images/like.png" /></span>
</html>
